<template>
  <div id="doc_main" class="error-404">
    <section class="bd clearFix">
      <div class="module-error">
        <div class="error-main clearfix">
          <div class="labels"></div>
          <div class="info">
            <h1>404</h1>
            <h3 class="title">啊哦，你所访问的页面不存在了，可能是炸了</h3>
            <div class="reason">
              <p>可能的原因：</p>
              <p>1.手抖打错了。</p>
              <p>2.链接过了保质期。</p>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
  export default {
    name: 'error',
    data () {
      return {}
    },
  }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.error-404 {
  /*background-color:#EDEDF0*/
}
.module-error {
  margin-top:182px
}
.module-error .error-main {
  margin:0 auto;
  width:420px
}
.module-error .labels {
  float:left;
  width:160px;
  height:151px;
  background:url(../assets/images/error.png) 0 0 no-repeat
}
.module-error .info {
  margin-left:182px;
  line-height:1.8
}
.module-error .title {
  color:#666;
  font-size:14px
}
.module-error .reason {
  margin:8px 0 18px 0;
  color:#666
}
</style>